<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>非税缴费</title>
		<!-- 不允许放大缩小 -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		
		<link rel="stylesheet" href="static/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/mask_modal.css" />
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<div class="nav_tab h56 w100_ bg1_blue" id="nav_bar">
			<a class="w333_ text-center c_white fwb f16 pt16 pull-left border2-right h100_ active-click" href="index.html">用户中心</a>
			<a class="w333_ text-center nav_color fwb f16 pt16 pull-left border2-right h100_ active-click active" href="index2.html">非税缴费</a>
			<a class="w333_ text-center c_white fwb f16 pt16 pull-left h100_ active-click" href="index3.html">历史记录</a>
		</div>
		
		<div class="search_box w85_ mlrauto" id="search-box">
			<div class="logo w100_ mt10 pl20 pr10 pt10">
				<img src="img/logo.png" class="logo_img"/>
				<!--<img src="img/scan_qrcode.png" />-->
				<div class="scan_qrcode pull-right mr10"></div>
			</div>
			<div class="w100_ pl20 pr20">
				<div class="w100_ bfc pt6 pb6 mb10">
					<div class="w50_ pull-left border-radius-s border pt6 pb6">
						<div class="w40_ pull-left input_img_border pl10"><img src="img/province.png" class="input_provice_img"/></div>
						<div class="w59_ pull-left pl10"><input type="text" id="province" value="广东省" size="4" class="input_div"></div>
					</div>
					<div class="w50_ pull-left pl10">
						<select class="form-control h36_i" id="city">
							<option value="0">广州市</option>
							<option value="1">惠州市</option>
						</select>
					</div>
				</div>
				<div class="w100_ border-radius-s border bfc pt6 pb6 mb15">
					<div class="w20_ pull-left input_img_border pl12"><img src="img/info_book.png" class="input_info_book_img"/></div>
					<div class="w80_ pull-left pl10"><input type="text" id="info_book_num" placeholder="通知书编号" class="input_div"></div>
				</div>
				<div class="w100_ border-radius-s border bfc pt6 pb6 mb15" id="work_place_div" hidden="hidden">
					<div class="w20_ pull-left input_img_border pl7"><img src="img/work_place.png" class="input_work_place_img"/></div>
					<div class="w80_ pull-left pl10"><input type="text" id="work_place_num" placeholder="执行单位编号" class="input_div"></div>
				</div>
				<div class="w100_ text-center pb10 mb15">
					<button class="btn btn-primary w100_ border-radius-s" id="search_btn">查询</button>
				</div>
			</div>	
			
		</div>
		
		<div class="search_box w85_ mlrauto" id="result-box">
			<div class="logo w100_ mt10 pl20 pt10">
				<img src="img/logo.png" class="logo_img"/>
			</div>
			<div class="w100_ pl20 pr20">
				<table class="w100_">
					<tbody>
						<tr class="h30">
							<td colspan="2">
								<div class="pull-left"><label>通知书编号:</label></div>
								<div class="pull-right"><span class="c_gray" id="info_book_result"></span></div>
							</td>
						</tr>
						<tr class="h30">
							<td class="w80"><label>缴 费 人:</label></td>
							<td class="text-right"><span class="c_gray" id="work_place_result">3444</span></td>
						</tr>
						<tr class="h45">
							<td class="w70 va_top"><label>收费项目:</label></td>
							<td>
								<ul class="va_top w100_" id="charge_item">
									<!--
                                    	这里要填充dom
                                    -->
								</ul>
							</td>
						</tr>
						<tr class="h45">
							<td class="w80 va_top"><label>滞 纳 金:</label></td>
							<td>
								<ul class="va_top w100_" id="overdue_payment">
									<!--
                                    	这里要填充dom
                                    -->
								</ul>
							</td>
						</tr>
						<tr class="h45">
							<td class="w80"><label>合 计:</label></td>
							<td class="text-right c_blue" id="sum">$300</td>
						</tr>
					</tbody>
				</table>
				<div class="w100_ text-center pb10 mb15">
					<button class="btn btn-primary w100_ border-radius-s" id="payment_btn">确认 + 交款</button>
				</div>
			</div>	
			
		</div>
		
		<div class="toast">
			<div class="toast-content c_white text-center"></div>
		</div>
		
		<div class="mask_div" id="mask_div">
			<div class="mask_main">
				<div class="mask_head">
				</div>
				<div class="mask_body" id="mask_body">
					<p></p>
				</div>
				<div class="mask_footer">
					<button class="sure_btn" id="mask_button">确定+交款</button>
				</div>
			</div>
		</div>
		
		<script type="text/javascript" src="static/jquery-1.11.2.min.js" ></script>
		<script type="text/javascript" src="static/bootstrap/js/bootstrap.min.js" ></script>
		<script type="text/javascript" src="js/magictouch.js" ></script>
		<script type="text/javascript" src="js/common.js" ></script>
		<script type="text/javascript" src="js/search.js" ></script>
	</body>
</html>
